html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.mainpage {
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 10px;
    box-sizing: border-box;
}

/*=============================顶部工具栏================================*/
.page-topmenu {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.page-topmenu .btn-panel {
    display: inline-block;
    width: 80px;
}

/*=============================列表页面================================*/

.list .el-form {
    margin-top: 10px;
}

.list .grid-operate {
    color: #409EFF;
    cursor: pointer;
}

.list .grid-page {
    margin-top: 5px;
    text-align: right;
}

/*=============================编辑页面================================*/
.edit .el-form {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.edit .el-form .el-form-item__content {
    max-width: 220px;
}

.edit .el-form.one-col {
    width: 300px;
}

.edit .el-form.two-col .el-form-item {
    width: 50%;
}

.edit .el-form.three-col .el-form-item {
    width: 33.333333%;
}

/*=============================组件==============================*/
hr {
    height: 1px;
    margin: 10px auto;
    background-color: #DCDFE6;
    border: none;
}

.el-dialog__body {
    max-height: calc(85vh - 200px);
    overflow-y: auto;
}